/* font-family */
.app-header {
  position: relative;
  max-width: 1600px;
  min-width: 1200px;
  height: 120px;
  margin: 0 auto;
  z-index: 99; }
  .app-header .header-logo {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 90%; }
    .app-header .header-logo .logo-img {
      width: 140px; }
  .app-header .header-tab {
    position: absolute;
    top: 50%;
    left:5%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 42px;
    right: 60px; }
    .app-header .header-tab .header-tab-ul .header-tab-ul-li {
      float: left;
      width: 148px;
      border: 1px solid #e8e8e8;
      border-right: 0;
      background-color: #fff;
      -webkit-box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.04);
              box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.04); }
      .app-header .header-tab .header-tab-ul .header-tab-ul-li.li-about:hover .header-tab-list, .app-header .header-tab .header-tab-ul .header-tab-ul-li.li-newsroom:hover .header-tab-list, .app-header .header-tab .header-tab-ul .header-tab-ul-li.li-technology:hover .header-tab-list {
        display: block; }
      .app-header .header-tab .header-tab-ul .header-tab-ul-li .header-tab-ul-a {
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Gilroy-Medium", "PingFangSC-Medium", "Microsoft Yahei", "Myriad Pro", "Hiragino Sans GB", sans-serif;
        font-size: 14px;
        letter-spacing: 0.5px;
        color: #9a9a9a;
        line-height: 40px; }
      .app-header .header-tab .header-tab-ul .header-tab-ul-li .header-tab-mask {
        position: absolute;
        top: 40px;
        width: 146px;
        height: 12px;
        opacity: 0; }
      .app-header .header-tab .header-tab-ul .header-tab-ul-li .header-tab-list {
        display: none;
        position: absolute;
        top: 52px;
        width: 146px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.04);
                box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.04);
        border: 1px solid #e8e8e8; }
        .app-header .header-tab .header-tab-ul .header-tab-ul-li .header-tab-list .header-tab-item {
          display: block;
          height: 48px;
          font-family: "Gilroy-Medium", "PingFangSC-Medium", "Microsoft Yahei", "Myriad Pro", "Hiragino Sans GB", sans-serif;
          font-size: 14px;
          line-height: 48px;
          color: #9a9a9a;
          text-align: center; }
          .app-header .header-tab .header-tab-ul .header-tab-ul-li .header-tab-list .header-tab-item:hover {
            color: #222222; }
          .app-header .header-tab .header-tab-ul .header-tab-ul-li .header-tab-list .header-tab-item.active {
            color: #222222; }
      .app-header .header-tab .header-tab-ul .header-tab-ul-li.active {
        background-color: #393939; }
        .app-header .header-tab .header-tab-ul .header-tab-ul-li.active .header-tab-ul-a {
          color: #fff; }
      .app-header .header-tab .header-tab-ul .header-tab-ul-li:last-child {
        border-right: 1px solid #e8e8e8; }